Lavarel框架中使用ajax提交表单的方法 layui不用ajax提交form表单

您所在的位置：网站首页 › layui 表单分页 › Lavarel框架中使用ajax提交表单的方法 layui不用ajax提交form表单

Lavarel框架中使用ajax提交表单的方法 layui不用ajax提交form表单

2023-01-12 09:33| 来源: 网络整理| 查看: 265

laravel简介：

Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来；它可以帮你构建一个完美的网络APP，而且每行代码都可以简洁、富于表达力。“开发”应当是一项富有创造性的脑力劳动，而不是枯燥的“垒代码“。

开门见山,因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,所以当你用ajax提交表单时候自然也要加。

在网上看了很多的解决方式,我是用下面这种方法解决的:

1,首先在模板里面加上一个meta :

2,然后在ajax方法里面加

headers: { "X-CSRF-TOKEN": $("meta[name="_token"]").attr("content") },

这是ajax的方法,发现了很好用的jquery的函数,$().serialize()和$().serializeArray(),代码中我用的是后者,可以获取form表单中的数据,并且能直接通过ajax传输,简直太神奇了!!!(孤陋寡闻让大家见笑了)

$(form[1]).submit(function(event){ var data = $(form[1]).serializeArray(); // console.log(data); $.ajax({ type:"post", url:"/basic", data:data, headers: { "X-CSRF-TOKEN": $("meta[name="_token"]").attr("content") }, success:function(msg){ if (msg) { $(".basicEdit").hide(); $(".basicShow").show(); $(".basicShow span").html(data[1].value+" | "+data[2].value+" | "+data[3].value+" | "+data[4].value+""+data[5].value+" | "+data[6].value+" | "+data[7].value); } }, }); // event.preventDefault(); return false; });

3然后在控制器方法中获取数据了,直接$req->你的表单name就行了.

public function basic(Request $req){ // return $req->gender; $uid = Auth::user()->uid; // return $uid; // $inf = new AppInfo; $inf = Info::where("uid",$uid)->first(); // return $inf; $inf->name = $req->name; $inf->gender = $req->gender; $inf->topDegre = $req->topDegre; $inf->workyear = $req->workyear; $inf->tel = $req->tel; $inf->email = $req->email; return $inf->save()?"ok":"fail"; }

总结下:

我觉得我说的每一步都是必须得!!!,我的回调函数里面写的代码是把表单里面获得数据重新打印出来了,不需要的可以忽视掉,然后代码将就看吧,一个php初学者奉上.

【本文地址】

Lavarel框架中使用ajax提交表单的方法 layui不用ajax提交form表单

Lavarel框架中使用ajax提交表单的方法 layui不用ajax提交form表单

今日新闻

推荐新闻